﻿.clear { clear: both; height: 0; font-size: 0; line-height: 0; }

/* ----------------- GRID --------------------------------*/

body { width: 100%; }
.container { width: 90%; margin: 5em auto; max-width: 1100px; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.grid-wrap { margin-left: -3em; overflow: hidden; *zoom: 1; }
.grid-wrap:before, .grid-wrap:after { content: ""; display: table; }
.grid-wrap:after { clear: both; }
.grid { float: left; padding-left: 3em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.half-gutter { margin-left: -1.5em; }
.half-gutter .grid-col { padding-left: 1.5em; }
.col-full { width: 100%; }
.col-one-half { width: 50%; }
.col-one-third { width: 33.333%; }
.col-two-thirds { width: 66.666%; }
.col-one-quarter { width: 25%; }
.col-one-fifth { width: 20%; }
.col-three-quarters { width: 75%; }
.divide-top { border-top: 1px solid #ccc; padding-top: 2em; margin-top: 1.5em; }
.mright { margin-right: 3em; }
.mleft { margin-left: 3em; }
.mtop { margin-top: 3em; }
.mbottom { margin-bottom: 3em; }
.halfmright { margin-right: 1.5em; }
.halfmleft { margin-left: 1.5em; }
.halfmtop { margin-top: 1.5em; }
.halfmbottom { margin-bottom: 1.5em; }
.fright, .fleft { display: block; overflow: hidden; }
.fright { float: right; margin-top: 1em; }
.fleft { float: left; }
.alignleft { float: left; clear: left; margin: 0.38em 1.62em 0.38em 0; }
.alignright { float: right; clear: right; margin: 0.38em 0 0.38em 1.62em; }
.aligncenter { margin: 0 auto 1.62em; display: block; }

/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- */

/* -- Media query 1 (mq1)
------------------------------------------------------------- */
@media only screen and (max-width: 60em) { /* 13 / 780 */
    .mq1-col-full { width: 100%; }
    .mq1-col-one-half { width: 50%; }
    .mq1-col-one-third { width: 33.333%; }
    .mq1-col-two-thirds { width: 66.666%; }
    .mq1-col-one-quarter { width: 25%; }
    .mq1-col-three-quarters { width: 75%; }
}

/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */
    .mq2-col-full { width: 100%; }
    .mq2-col-one-half { width: 50%; }
    .mq2-col-one-third { width: 33.333%; }
    .mq2-col-two-thirds { width: 66.666%; }
    .mq2-col-one-quarter { width: 25%; }
    .mq2-col-three-quarters { width: 75%; }
}

/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media only screen and (max-width: 30em) { /* 13 / 390 */
    .mq3-col-full { width: 100%; }
    .mq3-col-one-half { width: 50%; }
    .mq3-col-one-third { width: 33.333%; }
    .mq3-col-two-thirds { width: 66.666%; }
    .mq3-col-one-quarter { width: 25%; }
    .mq3-col-three-quarters { width: 75%; }
    .mq3-none { display: none; }
}

/* -- PRINT STYLES 
------------------------------------------------------------- */
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; }
    abbr[title]:after { content: "("attr(title) ")"; }
    pre, blockquote { page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}
